<template>
  <div class="home-spain">
    <a-spin :indicator="indicator" />
  </div>
</template>
<script setup lang="ts" name="Spain">
import { h } from 'vue'
import { LoadingOutlined } from '@ant-design/icons-vue'
const props = defineProps({
  loading: {
    type: Boolean,
    default: false
  },
  fontSize: {
    type: String,
    default: '24px'
  },
  total: {
    type: Number,
    default: 0
  }
})
const indicator = h(LoadingOutlined, {
  style: {
    fontSize: props.fontSize
  },
  spin: props.loading
})
</script>
<style lang="less" scoped>
.home-spain {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
